<template>
	<div class="register">
		<Header :title="title"/>
		<Input :names="names" :infor="infor" :isShow="isShow"/>
		<Input :names="namess" :infor="infors" :isShow="!isShow"/>
		<Button :btitle="btitle"/>
	</div>
</template>

<script>
	import Header from '../components/Header.vue'
	import Input from '../components/Input.vue'
	import Button from '../components/button.vue'
	
	export default{
		data(){
			return {
				title:'账号注册',
				names:'手机号',
				namess:'验证码',
				infor:'请输入手机号',
				infors:'请输入验证码',
				btitle:'完成',
				isShow:false,	
			}
		},
		components:{
			Header,
			Input,
			Button
		}
	}
</script>

<style>
	.register{
		width: 100%;
		height: 100vh;
		background: #f5f5f5;
	}
</style>
